<template>
	<view class="zixun">
		<view class="status_bar">
		</view>
		<view class="yujing-word1">
		<image  src="../../../../static/yujing/back.png" mode="" @click="to_shouye"></image>
			<view class="word1-word">
				一键查卡
			</view>
		</view>
		<view class="zixun-video">
			<video src="https://img.cdn.aliyun.dcloud.net.cn/guide/uniapp/%E7%AC%AC1%E8%AE%B2%EF%BC%88uni-app%E4%BA%A7%E5%93%81%E4%BB%8B%E7%BB%8D%EF%BC%89-%20DCloud%E5%AE%98%E6%96%B9%E8%A7%86%E9%A2%91%E6%95%99%E7%A8%8B@20200317.mp4"></video>
		</view>
		<view class="biaoti">
			一键查卡是什么？
		</view>
		<view class="wenzi">“一键查卡”是为解决群众对于跨行银行卡账户查询的诉求，中国人民银行指导中国银联股份有限公司联合商业银行基于银行业统一APP云闪付试点的功能。2021年12月，“一键查卡”功能上线。</view>
			</view>
	</view>
</template>

<script>
	export default {
		onLoad() {
	
		},
		onShow() {
	
		},
	
		data() {
			return {
				
	
			}
		},
		methods: {
			to_shouye(){
				uni.navigateTo({
					url:"../zhushou"
				})
			}
			
		}
	}
</script>

<style>
	page {
		background-image: url(@/static/yujing/yujingbg.png);
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: 100% 100%;
	}
	*{
		padding: 0%;
		margin: 0%;
	}
	image{
		display: flex;
	}
	.yujing-word1{
		width: 90%;
		height: 100rpx;
		margin: auto;
		margin-top: 40rpx;
		position: relative;
		
	}
	.word1-word{
		color: white;
		font-size: 40rpx;
		text-align: center;
		letter-spacing: 15rpx;
		
	}
	.yujing-word1 image{
		width: 50rpx;
		height: 50rpx;
		margin-top: 10rpx;
		position: absolute;
		top: 0;
		left: 0;
	}
	.zixun-video{
		width: 90%;
		height: 350rpx;
		margin: auto;
		margin-top: 90rpx;
	}
	.zixun video{
		width: 100%;
		height: 350rpx;
		
	}
	.biaoti{
		font-size: 45rpx;
		font-weight: bold;
		width: 90%;
		height: 60rpx;
		margin:50rpx auto;
	}
		
	.wenzi{
		width: 90%;
		margin: auto;
		text-indent: 2em;
		line-height: 50rpx;
	}
	.status_bar {
	        height: var(--status-bar-height);
	        width: 100%;
	    }
</style>